<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <title>区块头条</title>


    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
    <!-- 二维码 -->
    <script src="js/jquery.qrcode.min.js" type="text/javascript"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <!--自定义字体-->
    <link rel="stylesheet" href="css/font.css">

    <link rel="stylesheet/less" type="text/css" href="css/base.less" />
    <link rel="stylesheet" type="text/css" href="css/leftNewsModel.css">
    <link rel="stylesheet" type="text/css" href="css/personalMain.css">

    <script src="js/less.js"></script>
    <script src="js/qs.js"></script>
    <script src="js/base.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/jquery.md5.js"></script>
    <script src="js/html-params.js"></script>
    <script src="js/vue.js"></script>

    <script src="js/component.js"></script>
    <script src="js/page/personalMain.js"></script>

    <!--各种图-->
    <script type="text/javascript" src="js/echart/echarts.min.js"></script>
    <!--加载Axios-->
    <script src="js/axios.min.js"></script>
</head>
<body>
<div id="header" v-cloak="">
    <header-content></header-content>
</div>


<div id="main">
    <div class="content">
        <!--头像-->
        <div id="my-info" v-cloak="">
            <div class="header-img"><img :src="userImg" onerror="imgLoadError()"> </div>
            <div class="title">{{username}}</div>
            <div class="att-btn pointer" :class="{'att-btn-active': isFollow}"  @click="setFollow">{{followMsg}}</div>
            <div class="num"><span>发文总数：{{articleCount}}</span><span>粉丝数量：{{focusCount}}</span></div>
        </div>

        <div class="information-box">
            <!--精选资讯-->
            <div  id="sift-information" class="news-box hidden">
                <sift-content v-for="(item,index) in siftBlock" :key="index" :item="item" :index="index" :sift-block="siftBlock"></sift-content>

                <div class="noData hidden">暂无信息</div>
                <div class="loadData">数据加载中...</div>
            </div>

            <!--twitter-->
            <div  id="twitter-information" class="news-box hidden">
                <twitter-content v-for="(item,index) in twitterBlock" :key="index" :item="item" :index="index" :twitter-block="twitterBlock"></twitter-content>

                <div class="noData hidden">暂无信息</div>
                <div class="loadData">数据加载中...</div>
            </div>

            <!-- 微博 -->
            <div  id="blog-information" class="news-box hidden">
                <blog-content v-for="(item,index) in blogBlock" :key="index" :item="item" :index="index" :blog-block="blogBlock" :large-img="largeImg"></blog-content>

                <div class="noData hidden">暂无信息</div>
                <div class="loadData">数据加载中...</div>
            </div>

            <!--技术分析-->
            <div  id="skill-information" class="news-box hidden">
                <skill-content v-for="(item,index) in skillBlock" :key="index" :item="item" :index="index" :skill-block="skillBlock" ></skill-content>

                <div class="noData hidden">暂无信息</div>
                <div class="loadData">数据加载中...</div>
            </div>
        </div>


    </div>
</div>

<div class="clearfix"></div>
<div id="footer">
    <footer-content></footer-content>
</div>

<!--查看大图-->
<div class="modal fade" id="largeImgModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div type="button" class="pointer close-btn" data-dismiss="modal"><img src="image/largeClose.png" @mouseEnter="btnIn(2)" @mouseLeave="btnOut(2)"> </div>
                <div class="left-btn " @click="prevImg" @mouseEnter="btnIn(1)" @mouseLeave="btnOut(1)"><img src="image/largeLeft.png"></div>
                <div class="right-btn " @click="nextImg" @mouseEnter="btnIn(0)" @mouseLeave="btnOut(0)"><img src="image/largeRight.png"></div>
                <img :src="imgUrl" class="curr-img" :index="index">
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>

</body>
</html>
